<%@page contentType="text/html;charset=UTF-8"%> 
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title><tiles:insertAttribute name="title" /></title>
    
  <link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="resources/css/style.css" />
	<script type="text/javascript" src="resources/js/jquery.js"></script>
	<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery-ui.js"></script>
	<link type="text/css" rel="stylesheet" href="resources/css/jquery-ui.css" />
	
	<link type="text/css" rel="stylesheet" href="resources/css/jquery.ui.timepicker.css" />
	<script type="text/javascript" src="resources/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.tabs.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.position.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.timepicker.js"></script>
	
  </head>
  <body>
	<div id="container">
	<div id="navigator">
	<div id="navigation">
				<div id="banner-desktop">
					<div class="container">
						<div id="banner">
							<div id="login-area">
								<a data-toggle="modal" href="#dang_nhap">Đăng nhập</a>
							</div><!-- end #login-area-->
						</div><!-- end #banner-->
					</div><!-- end .container-->
				</div><!-- end #banner-desktop-->
		<!--###################################### Đăng nhập ###########################-->
			<!-- Modal -->
			<div class="modal fade" id="dang_nhap">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Đăng nhập</h4>
      </div>
      <form method="post" action="login" id="frm-login">
          <div class="modal-body">
            <div id="err_login"></div>
            <div id="login_here">
                <label>Username : </label>
                <input type="text" class="form-control" name="username" id="username" required />
                <label>Password : </label>
                <input type="password" class="form-control" name="password" id="password" required />
            <br />
            <a href="#" class="text-danger">Quên mật khẩu</a>            </div>
            <br />
            <div id="waiting" style="display: none;">
                <div class="progress progress-striped active">
                  <div class="progress-bar"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
                </div>
            </div>            
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary"  id="login_btn">Đăng nhập</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
      </form>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
		
		<!--###################################### END ĐĂNG NHẬP ###########################-->
			</div><!-- end #navigation-->
		</div>
			<div id="wrapper">
				<div class="container">
					<div class="row">
						<div id="left-content">
							<div class="col-md-3">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 id="mobile_home">Danh Mục</h4>   
									</div>
									<a href="trangchu" class="list-group-item active"><span class="pull-right"><i class="icon-chevron-right"></i></span>Trang Chủ</a>
									<a href="lichlamviec" class="list-group-item "><span class="pull-right"><i class="icon-chevron-right"></i></span>Lịch Làm Việc</a>  
								</div>
								
							</div><!--end col-md-3-->
				
						</div><!-- end #left-content-->							
						<div class="col-md-9">
							<tiles:insertAttribute name="breadcrumb" />	
								<div class="panel panel-default">
									<div style="color: rgb(7, 132, 163);" class="panel-heading">
										<h4 style="font-family: verdana;color:rgb(87,87,87);">Nội Dung</h4>
									</div>
										<div class="panel-body">
											<tiles:insertAttribute name="content" />
										</div><!--end panel-body-->
								</div><!--end .panel panel-default-->		
							<tiles:insertAttribute name="breadcrumb" />	
						</div><!--end .col-md-9-->
					</div><!-- end .row-->
				</div><!-- end .container-->
			</div><!-- end #wrapper-->
		<tiles:insertAttribute name="footer" />	
	</div><!-- end #container-->
	
  </body>
</html>